<template>
  <div class="shopping">
    <el-tabs>
      <el-tab-pane :label="item.label" :name="item.name" v-for="(item,index) in list1"
                   :key="index"></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  export default {
    name: "shopping",
    data() {
      return {
        list1: [
          {
            label: '热门推荐',
            name: '1'
          },
          {
            label: '餐饮',
            name: '2'
          },
          {
            label: '生活服务',
            name: '3'
          },
          {
            label: '美容美发',
            name: '4'
          },
          {
            label: '酒店住宿',
            name: '5'
          },
          {
            label: '超市便利',
            name: '6'
          },
          {
            label: '服饰鞋包',
            name: '7'
          }
        ]
      }
    }
  }
</script>

<style scoped lang="less">

</style>
